﻿body {
    width: 100%;
    height: 100%;
    background: url("../imgs/account-bg.jpg") no-repeat;
    background-size: 100%;
    position: absolute;
}
/*卡片视图设置*/
.mui-card {
    display: block;
    margin: 56%  auto;
    width: 90%;
    border-radius: 16px;
    box-shadow: 5px 5px 0px 0px #A3A3A3; /* 阴影效果 */
}
.mui-card-footer {
    display: block;
    text-align: center;
}
/*卡片视图设置 end*/

/*登录按钮设置*/
.mui-card-footer #login_btn {
    border-radius: 30px;
    margin: 10px 0px;
    width: 100%;
    height: 38px;
    font-size: 16px;
    color: White;
}

/*文本框的标题*/
.small-title {
    display: block;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 16px;
}
/*切换登录方式*/
.segmented {
    margin-top: 20px;
    text-align: center;
}
.segmented .mui-btn {
    padding: 0px;
    height: 30px;
    line-height: 30px;
    width: 46%;
    font-size: 18px;
}
.segmented .mui-btn:first-child {
   border-radius: 8px 0px 0px 8px;
   border-right: 0px;
}
.segmented .mui-btn:last-child {
   border-radius: 0px 8px 8px 0px;
   border-left: 0px;
   color: #007AFF;
}

/*文本框提示字体修改颜色*/
.mui-input {
    font-size: 20px;
}
.mui-input::-webkit-input-placeholder {
    color: #A7AAB4;
}

.mui-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A7AAB4;
}

.mui-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A7AAB4;
}

.mui-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A7AAB4;
}
/*验证消息*/
#errormsg {
    font-size: 20px;
    margin-left: 14px;
    color: red;
}